// Variables
@import "variables.css.scss";
// Component syles
@import "react-star-rating.css.scss";
@import "react-select.css.scss";
@import "react-bootstrap-slider.css.scss";
@import "react-date-picker.css.scss";
@import "react-draft.css.scss";
// Form builder styles
@import "form-builder.css.scss";
@import "form-builder-form.css.scss";


.form-group{
  line-height: 24px;
}
.form-control{
  border-radius: 0px;
}
body {
  margin: 0 !important;
  padding: 0 !important;
  font-family: serif, "Helvetica Neue", Helvetica, Arial, sans-serif !important;
  background-color: #FFFFFF !important;
}

textarea {
  resize: none;
}

a,
a:hover,
a:focus {
  text-decoration: none;
  color: rgb(255, 255, 255);
}

.react-datepicker__month-container {
  width: 210px !important;
}
.react-datepicker {
  font-size: 14px !important;
}
.react-datepicker__current-month {
  font-size: 14px !important;
}
.react-datepicker__day-name, .react-datepicker__day {
  margin: 0.466rem !important;
}

label{
  font-weight:normal;
  font-size: 14px;
  font-family:"Helvetica";
  padding-right:5px;
  line-height:32px;
  /*padding-top:3px;*/
}

table{
  text-align:center;
  white-space: nowrap;
  margin:0 auto;
}

td{
  padding:5px 5px;
}

td.right{
  text-align:right;
}

.reuired-true {
  color:rgb(184,74,71);
}

label.reuired-true:before {
  content:"*";
}

.header{
  border-bottom-style:dotted;
}

.right{
  float:right;
}

.left{
  float:left;
}

div.center{
  text-align:center;
}

div.align-right{
  text-align:right;
}

div.align-left{
  text-align:left;
}

.modal_title{
  text-align:center;
  font-size:23px;
  font-weight:bold;
  color:#337AB7;
}

.custom-modal{
  width: 620px;
}

.large-custom-modal{
  width: 670px;
}

.xlarge-custom-modal{
  width: 720px;
}

.tab_title_active{
  border-style:solid;
  border-color:#337AB7;
  border-radius:2em;
  background-color:#FFFFFF;
  margin-right:20px;
  padding:5px 10px;
  color:#337AB7;
  cursor:pointer;
}

.tab_title{
  /*border-style:none;
    border-radius:2em;*/
  border-style:solid;
  border-color:#F0F0F0;
  background-color:#F0F0F0;
  margin-right:20px;
  padding:5px 10px;
  cursor:pointer;
}

.tab_title_large{
  border-radius:2em;
  border-style:solid;
  border-color:#F0F0F0;
  margin-right:30px;
  padding: 10px 20px;
  cursor:pointer;
  font-family:"Arial";
  font-size: 16pt;
  font-weight:bold;
  color:#A0A0A0;
  box-shadow: 7px 7px 9px #A0A0A0;
}

.tab_title_active_large{
  border-style:solid;
  border-color:#337AB7;
  border-radius:2em;
  background-color:#FFFFFF;
  margin-right:30px;
  padding: 10px 20px;
  color:#337AB7;
  cursor:pointer;
  font-family:"Arial";
  font-size: 16pt;
  font-weight:bold;
  box-shadow: 7px 7px 9px #A0A0A0;
}

.tab_item{
  display:none;
  text-align:center;
}

.tab_item.active{
  display:block;
}

.tab_title_wrap{
  margin:20px;
  padding:5px 10px;
}

.tab_container{
  text-align:center;
}

.tab_container .tab_title_wrap span:last-child {
  margin-right: 0px;
}

div.table{
  text-align:center;
  white-space: nowrap;
  margin:0 auto;
  display:table;
  padding-top: 5px;
}

div.tr{
  display:table-row;
  overflow:hidden;
  padding-top: 30px;
}

div.td{
  display:table-cell;
  vertical-align: middle;
  padding-top: 30px;
  padding-left: 3px;
}

.font-weight-bold{
  font-weight:bold;
}

.height15{
  height:15px !important;
}

.margin-3{
  margin:3px !important;
}

.padding-top-0{
  padding-top:0 !important;
}

.padding-top-3{
  padding-top:3px !important;
}

.padding-top-5{
  padding-top:5px !important;
}

.padding-top-7{
  padding-top:7px !important;
}

.padding-top-10{
  padding-top:10px !important;
}

.padding-top-20{
  padding-top:20px !important;
}

.padding-top-30{
  padding-top:30px !important;
}

.padding-left-10{
  padding-left:10px !important;
}

.margin-left-7{
  margin-left:7px;
}

.margin-left-5{
  margin-left:5px;
}

.margin-left-20{
  margin-left:20px;
}

.margin-left-31{
  margin-left:31px;
}

.margin-left-35{
  margin-left:35px;
}

.margin-top-30{
  margin-top:30px;
}

.margin-left-18{
  margin-left:18px;
}

.margin-left-45{
  margin-left:45px;
}

div.word-wrap{
  word-wrap: word-break;
}

div.small_vertical_space{
  margin-top:15px;
}

div.vertical_space{
  margin-top:20px;
}

div.large_vertical_space{
  margin-top:30px;
}

div.xlarge_vertical_space{
  margin-top:50px;
}

div.xlarge_vertical_bottom_space{
  margin-bottom:40px;
}

.clearDiv{
  display:block;
  height:0px;
  clear:both;
  visibility:hidden;
}

input[type="text"], input[type="password"], input:not([class='qty_input'])[type='number'] {
  height:32px;
  width:165px;
}

a{
  color:blue;
}

.widget-radio{
  color:black;
  line-height:15px;
  height:32px;
  padding-top:8px;
}

.widget-radio input{
  display:none;
}

.widget-radio div{
  text-align:left;
  margin-left:20px;
}

.widget-radio i {
  border-radius: 50%;
  width:14px;
  height:14px;
  border: 1px solid;
  display: block;
  position:absolute;
  outline-width:0px;
  outline-style:none;
  outline-color:invert;
  background-image:none;
  background-attachment:scroll;
  background-repeat:repeat;
  background-size:auto;
  background-position-x:0%;
  background-position-y:0px;
  background-size:auto;
  background-origin:padding-box;
  background-clip:border-box;
}

.widget-radio i {
  border-color: rgb(153,153,153);
  transition-property: border-color;
  transition-duration: 0.3s;
  transition-timing-function:ease;
  transition-delay: 0s;
}

.widget-radio input+i:after {
  position: absolute;
  opacity: 0;
  transition: opacity .1s;
  -webkit-transition: opacity .1s;
}

.widget-radio input+i:after {
  content: '';
  top: 25%;
  left: 25%;
  width: 6px;
  height: 6px;
  border-radius: 50%;
  background-color: black;
}

.widget-radio input:checked+i:after {
  opacity: 1;
}

.widget-radio input:checked+i{
  background-color:rgb(17,187,255);
}

.widget-radio.radio-inline{
  display: inline-block;
}

input.widget-date-input{
  border:0;
  outline:none;
  cursor :default;
  height:30px;
}

input[type=checkbox]{
  border: solid 1px #C0C0C0;
  outline: 0;
  background: #FFFFFF;
}

input[type=text]:not([class='widget-date-input']), input[type=number], textarea{
  border: solid 1px #C0C0C0;
  outline: 0;
  background: #FFFFFF;
  padding:3px;
  box-shadow: -1px 4px 7px #C0C0C0, 1px 4px 4px #C0C0C0;
  -moz-box-shadow: -1px 4px 7px #C0C0C0, 1px 4px 4px #C0C0C0;
  -webkit-box-shadow: -1px 4px 7px #C0C0C0, 1px 4px 4px #C0C0C0;
}

div.dateDiv{
  border: solid 1px #C0C0C0;
  outline: 0;
  background: #FFFFFF;
  box-shadow: -1px 4px 7px #C0C0C0, 1px 4px 4px #C0C0C0;
  -moz-box-shadow: -1px 4px 7px #C0C0C0, 1px 4px 4px #C0C0C0;
  -webkit-box-shadow: -1px 4px 7px #C0C0C0, 1px 4px 4px #C0C0C0;
}

.other-textarea{
  height: 66px;
  width: 300px;
  resize: none;
}

.other-label{
  width: 210px;
  float:left;
  overflow:hidden;
}

.category-desc1 {
  font-family:"Arial";
  font-size: 16pt;
  font-weight:bold;
  text-align: left;
  /*width:500px;*/
}

.card-content-line{
  height: 40px;
  margin: 20px 20px 0 20px;
}

.card-content-line-border {
  height: 20px;
  margin: 20px 20px 0 20px;

}

.two-line_label{
  line-height:20px;
}

.block-text{
  text-align: left;
  display: block;
  font-family: Helvetica;
  font-weight: bolder;
  font-size: 13px;
}

.facilities_form {
  padding: 0 15px 0 15px;
}

.facilities_form .one_line {
  display: inline-block;
  width: 100%;
  vertical-align: top;
  text-align: left;
  margin-top: 20px;
}

.facilities_form .one_line label {
  width: 20%;
  text-align: right;
  vertical-align: top;
  padding-right: 10px
}

.facilities_form .one_line textarea {
  width: 80%;
}

.facilities_form .half_line {
  display: inline-block;
  vertical-align: top;
  width: 50%;
}

.facilities_form .half_line label {
  width: 40%;
  text-align: right;
  padding-right: 10px;
}

.facilities_form .half_line input,
.facilities_form .half_line .react-datepicker__input-container{
  width: 60%;
  text-align: left;
}

.flex-container {
  display: flex;
  flex-direction: column;
  margin: 0px 20px
}

flex-container > .flex-item {
  flex: auto;
  text-align: center;
}
.request-button {
  width: 150px;
  height: 90px;
  background-color: #0065BD;
  color: #fff;
  display: flex;
  flex-direction: column;
  align-items: center;
  justify-content: space-evenly;
  font-size: 14px;
  font-family: Arial;
  font-weight: 700;
  text-align: center;
  transition: background-color 200ms ease-in-out;
  cursor: pointer;
  border: 1px solid transparent;
  border-radius: 0.8em;
  margin: 15px 0px;
  padding: 0px 15px;
  box-shadow: 7px 7px 9px #A0A0A0;
}
.request-button:hover {
  background-color: #002960;
}
.request-row {
  display: flex;
  flex-direction: row;
  flex-wrap: nowrap;
  justify-content: space-between;
  align-items: flex-start;
}

.request-row > .request {
  display: flex;
  flex: 0 0 auto;
}

.request-row > .blank-div {
  width:150px
}

#home-footer {
  background-color: rgb(0, 177, 245);
  color: #ffffff;
  font-size: 12pt;
  font-family: Arial;
  margin: 20px 20px;
  display: flex;
  flex-direction: row;
  align-items: center;
  min-width:600px;
}

#home-footer > #icon {
  text-align: right;
  margin: 10px 20px 8px 50px;
}

.flex-align-left{
  justify-content:flex-start;
}
.flex-align-right{
  justify-content:flex-end;
}
.flex-center{
  justify-content:center;
}
.uppercase{
  text-transform:uppercase;
}
.checkbox input[type=checkbox], .checkbox-inline input[type=checkbox], .radio input[type=radio], .radio-inline input[type=radio]{
  position: relative !important;
}